<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script src="http://code.jquery.com/jquery-1.4.4.min.js" type="text/javascript"></script>
<script type="text/javascript" src="common/js/user/modifyUserPassword.js"></script>
<title>Insert title here</title>
</head>
<body>
<form class="form"  action="modifyUserPassword.action" method="post">
	<label>User:</label>
	<input id="userName" value="${user.user_name}" disabled>
	<br>
	<label>Old password:</label>
	<input id="oldPassword" type="password" placeholder="Old Password"  required="required" onKeyUp="confirmOldPassword()">
	<br>
	<label>New password:</label>
	<input name="password" id="newPassword" type="password" placeholder="New Password" onKeyUp=pwStrength(this.value) 
		onBlur=pwStrength(this.value) required="required" oninput="KeyUp()">
	<p class="msg"><i class="ati"></i></p>
	<label>Password Strength:</label>
	<table width="217" border="1" cellspacing="0" cellpadding="1" bordercolor="#cccccc" 
		height="23" style='display:inline'> 
		<tr align="center" bgcolor="#53e3a6"> 
		<td width="33%" id="strength_L">weak</td> 
		<td width="33%" id="strength_M">strength</td> 
		<td width="33%" id="strength_H">strong</td> 
		</tr> 
	</table> 
	<br>
	<label>Confirm New password:</label>
	<input id="confirmPassword" type="password" placeholder="Confirm Password"  required="required" onkeyup="KeyUp()" >
	<br>
	<input type="submit"  id="submitButton" value="submit" disabled>
	<button type="button" class="btn2" id="back" onclick= "window.history.back();">Return</button>
</form>
</body>
</html>